<section class="content-section-column">
  <lv-radio-group #group [(ngModel)]="selected" [lvGroupName]="'group1'">
    <lv-group [lvGutter]="'16px'" lvWrap="true">
      <ng-container *ngFor="let item of cardData">
        <lv-radio [lvViewType]="'custom'" [lvValue]="item.value">
          <lv-card
            class="ui-card"
            lvType="border"
            [lvTitle]="item.title"
            [lvChecked]="group.isChecked(item.value)"
            [lvDisabled]="item.disabled"
            (click)="itemClick($event, item)"
          >
            <p>{{ item.content }}</p>
          </lv-card>
        </lv-radio>
      </ng-container>
    </lv-group>
  </lv-radio-group>

  <p>Selected: {{ selected }}</p>
</section>
